import React,{Component} from 'react';
import {
	View,
	Text,
	Input,
	Image,
	StyleSheet,

} from 'react-native';
import InputComponts from '../components/InputComponts';
import ButtonComponents from '../components/ButtonComponents';


export default class LoginPage extends Component{
	static navigationOptions = ({navigation})=>{
    const params = navigation.state.params || {};
    return {
     	header:null
    }
  }; 
	render(){
		return(
			<View style={styles.loginview}>
	     <View   style={{flexDirection: 'row',height:100,marginTop:1,
	        justifyContent: 'center',
	        alignItems: 'flex-start',}}>
	       <Image source={require('../assets/images/setting.png')}/>
	     </View>
	     <View style={{marginTop:80}}>
	       <InputComponts  name='输入用户名/注册手机号' onChangeText={(text) => {
	            this.userName = text;
	        }}/>
	       <InputComponts name='输入密码' onChangeText={(text) => {
	            this.password = text;
	        }}/>
	        <ButtonComponents name='登录' onPressCallback={this.onPressCallback}/>
	        <Text style={{color:"#4A90E2",textAlign:'center',marginTop:10}} >忘记密码？</Text>
	      </View>
	     </View>
		)
	}
} 
const styles = StyleSheet.create({
loginview: {
    flex: 1,
    padding: 30,
      backgroundColor: '#ffffff',
  },

})